<template>
    <div class="wrapper_content animate__animated animate__fadeInUp">
           <ul>
            <li>
               <router-link to="/homepage">
                <div class="homePage">
                    <i class="iconfont icon-wode"></i>
                    <span>我的主页</span>
                </div>
               </router-link>
            </li>
            <li>
                <router-link to="/calendar">
                <div class="calenda">
                    <i class="iconfont icon-rili"></i>
                    <span>阅读日历</span>
                </div>
                 </router-link>
            </li>
            <li>
                <router-link to="/idea">
                <div class="faIdea">
                    <i class="iconfont icon-naoling"></i>
                    <span>喜欢的想法</span>
                </div>
               </router-link>
            </li>
            <li>
                 <router-link to="/reminder">
                <div class="daily">
                    <i class="iconfont icon-naozhong1"></i>
                    <span>每日提醒</span>
                </div>
               </router-link>
            </li>
            <li>
                <router-link to="/setup">
                <div class="setUp">
                    <i class="iconfont icon-shezhi"></i>
                    <span>设置</span>
                </div>
              </router-link>
            </li>
       </ul>
       <!-- <router-view></router-view> -->
    </div>
</template>

<script>
export default {
    
}
</script>

<style lang="scss" scoped>
@import "../assets/css/reset.css";
@import "../assets/common/variable.scss";

.wrapper_content{
 width: 330px;
 height: 320px;
 margin-left: 20px;
 margin-top: 10px;
 background: #fff;
 border-radius: 20px;
  ul li{
      height: 60px;
      line-height: 60px;
      margin-top: 2px;
      &:nth-child(1){
          border-top-left-radius: 20px;
          border-top-right-radius: 20px;
      }
      div{
          i{
              font-size: 20px;
              padding-left: 20px;
              color:$color;
          }
          span{
               padding-left: 20px;
               font-weight: 500;
               font-size: 18px;
          }
      }
  }
}
</style>

